﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ page import="com.cstam.*"%>


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

	<title>中国力学学会动力学与控制专业委员会官方网站</title>
	
	<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
	<link type="text/css" media="screen" rel="stylesheet" href="colorbox.css" />
	<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="js/chili-1.7.pack.js"></script>
	<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
	<script type="text/javascript" src="js/jquery.easing.1.1.1.js"></script>
	<script type="text/javascript" src="js/jquery.colorbox.js"></script>
	<script type="text/javascript" src="js/producer.js"></script>
		
</head>

<body>
<div id="header">
	<div id="header_bar">
		<div id="logo">
			<a href="#"></a>
		</div>
		
		<div id="navigation">
			<ul>
				<li class="active"><a href="index.html">home</a></li>
				<li><a href="services.html">services</a></li>
				<li><a href="portfolio.html">portfolio</a></li>
				<li><a href="about.html">about</a></li>
				<li><a href="archives.html">archives</a></li>
				<li><a href="contact.html">Contact</a></li>
			</ul>
		</div>
	</div>
</div>

<div id="slider">
	
	<!-- start slideshow -->
	<div id="slideshow">
	
		<!-- Slide1 -->
		<div class="slider-item" style="background: transparent url('images/sliders.jpg') repeat-x top center;">
			<div class="slider_center">
				<div class="slider_content">
					<div class="slider_content_inner">
						<h3>空气动力学中的涡动力学问题</h3>
						<p>评述空气动力学中的若干涡动力学问题研究的进展.首先讨论基于涡量的空气动力学理论,它们能清晰地阐明产生升力和阻力的物理机制,导致新型的气动构型诊断与优化设计
						手段,并用来发展高精度、高效率的数值方法.本文还讨论了空气动力学中关于旋涡稳定性与破裂和旋涡流动控制的研究进展,这些成果正被用来研究湍流中的涡结构及其控制.</p>
						<p><a href="#"><img src="images/view_button.png" alt="View" /></a></p>
						<p class="thumbs">
							<a href="images/main.jpg" class="colorbox"><img src="images/thumb1.png" alt="Thumb1" /></a>
							<a href="images/main.jpg" class="colorbox"><img src="images/thumb2.png" alt="Thumb2" /></a>
							<a href="images/main.jpg" class="colorbox"><img src="images/thumb3.png" alt="Thumb3" /></a>
							<a href="images/main.jpg" class="colorbox"><img src="images/thumb4.png" alt="Thumb4" /></a>
						</p>
					</div>
				</div>
			</div>
		</div>
		<!-- End Slide1 -->
		
		<!-- Slide2 -->
		<div class="slider-item" style="background: transparent url('images/sliders.jpg') repeat-x top center;">
			<div class="slider_center">
				<div class="slider_content2">
					<div class="slider_content_inner2">
						<p>Innuma is a fresh new company full of ambition and determination! 
You may notice that some of our templates are released as experimental 
projects. This is because, while we are very confident in the quality and creativity of what 
we do, we know that sometimes our new ideas are not always worth 
building on. We invite you to tell us how we did with the new experiments
and how we may improve similar products!</p>
						<p><a href="#"><img src="images/more.png" alt="View" /></a></p>
					</div>
				</div>
			</div>
		</div>
		<!-- End Slide2 -->
		
		<!-- Slide3 -->
		<div class="slider-item" style="background: transparent url('images/sliders.jpg') no-repeat top center;"></div>
		<!-- End Slide3 -->
		
		
	</div>
	<!-- end #slideshow -->
	
	<div class="controls-center">
		<div id="slider_controls">
			<ul id="slider_nav">
				<li><a href="#"></a></li><!-- Slide 1 -->
				<li><a href="#"></a></li><!-- Slide 2 -->
				<li><a href="#"></a></li><!-- Slide 3 -->
			</ul>
		</div>
	</div>
	
</div><div class="copyrights">Collect from</div>

<div id="main">
	<div id="content_bar">
		<div id="content_nav">
			<ul id="main_content_slider">
				<li><a href="#">Featured</a></li>
				<li><a href="#">Latest</a></li>
				<li><a href="#">Most Popular</a></li>
				<li><a href="#">Staff Picks</a></li>
			</ul>
		</div>
		<div id="search">
			<form action="test.php" method="post">
                <input onblur="if(this.value == '') this.value='Search' ;" onfocus="if(this.value == 'Search') this.value='';" value="Search" type="text" />
            </form>
		</div>
	</div>
	<div id="content">
		<div id="content_left">
			
			<div id="tab_slider">
			
				<div id="featured_tab">
					<!-- Featured Item Controls -->
					<div class="sliding_controls">
						<ul class="content_nav">
							<li><a href="#"></a></li>
							<li><a href="#"></a></li>
							<li><a href="#"></a></li>
						</ul>
					</div>
			
					<div id="featured_items">
						<!-- Section 1 Featured -->
						<div class="item-holder">
								<div class="content-item">
									<img src="images/itemimage1.jpg" alt="Image 1" />
									<h3>Vestibulum Egit</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
				
								<div class="content-item">
									<img src="images/itemimage1.jpg" alt="Image 2" />
									<h3>Nunc tellus lacus</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
				
								<div class="content-item">
									<img src="images/itemimage1.jpg" alt="Image 3" />
									<h3>Maecenas dictum</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
						</div>
						<!-- End Featured 1 -->
					
						<!-- Section 2 Featured -->
						<div class="item-holder">
								<div class="content-item">
									<img src="images/itemimage2.jpg" alt="Image 1" />
									<h3>Vestibulum Egit</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
				
								<div class="content-item">
									<img src="images/itemimage2.jpg" alt="Image 2" />
									<h3>Nunc tellus lacus</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
				
								<div class="content-item">
									<img src="images/itemimage2.jpg" alt="Image 3" />
									<h3>Maecenas dictum</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
						</div>
						<!-- End Featured 2 -->
					
						<!-- Section 3 Featured -->
						<div class="item-holder">
								<div class="content-item">
									<img src="images/itemimage3.jpg" alt="Image 1" />
									<h3>Vestibulum Egit</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
				
								<div class="content-item">
									<img src="images/itemimage3.jpg" alt="Image 2" />
									<h3>Nunc tellus lacus</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
				
								<div class="content-item">
									<img src="images/itemimage3.jpg" alt="Image 3" />
									<h3>Maecenas dictum</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
						</div>
						<!-- End Featured 3 -->
					
					</div><!-- end featured items -->
				</div><!-- end featured_tab -->

				<div id="latest_tab">
			
					<!-- Featured Item Controls -->
					<div class="sliding_controls">
						<ul class="content_nav1">
							<li><a href="#"></a></li>
							<li><a href="#"></a></li>
							<li><a href="#"></a></li>
						</ul>
					</div>
			
					<div id="latest_content_items">
					
						<!-- Section 1 Featured -->
						<div class="item-holder">
								<div class="content-item">
									<img src="images/itemimage1.jpg" alt="Image 1" />
									<h3>Vestibulum Egit</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
				
								<div class="content-item">
									<img src="images/itemimage1.jpg" alt="Image 2" />
									<h3>Nunc tellus lacus</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
				
								<div class="content-item">
									<img src="images/itemimage1.jpg" alt="Image 3" />
									<h3>Maecenas dictum</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
						</div>
						<!-- End Featured 1 -->
					
						<!-- Section 2 Featured -->
						<div class="item-holder">
								<div class="content-item">
									<img src="images/itemimage2.jpg" alt="Image 1" />
									<h3>Vestibulum Egit</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
				
								<div class="content-item">
									<img src="images/itemimage2.jpg" alt="Image 2" />
									<h3>Nunc tellus lacus</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
				
								<div class="content-item">
									<img src="images/itemimage2.jpg" alt="Image 3" />
									<h3>Maecenas dictum</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
						</div>
						<!-- End Featured 2 -->
					
						<!-- Section 3 Featured -->
						<div class="item-holder">
								<div class="content-item">
									<img src="images/itemimage3.jpg" alt="Image 1" />
									<h3>Vestibulum Egit</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
				
								<div class="content-item">
									<img src="images/itemimage3.jpg" alt="Image 2" />
									<h3>Nunc tellus lacus</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
				
								<div class="content-item">
									<img src="images/itemimage3.jpg" alt="Image 3" />
									<h3>Maecenas dictum</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
						</div>
						<!-- End Featured 3 -->
				
					</div><!-- end latest_content_items -->
				</div><!-- end latest_tab -->
				
				
				<div id="popular_tab">
			
					<!-- Popular Item Controls -->
					<div class="sliding_controls">
						<ul class="content_nav2">
							<li><a href="#"></a></li>
							<li><a href="#"></a></li>
							<li><a href="#"></a></li>
						</ul>
					</div>
			
					<div id="popular_content_items">
					
						<!-- Section 1 Featured -->
						<div class="item-holder">
								<div class="content-item">
									<img src="images/itemimage1.jpg" alt="Image 1" />
									<h3>Vestibulum Egit</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
				
								<div class="content-item">
									<img src="images/itemimage1.jpg" alt="Image 2" />
									<h3>Nunc tellus lacus</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
				
								<div class="content-item">
									<img src="images/itemimage1.jpg" alt="Image 3" />
									<h3>Maecenas dictum</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
						</div>
						<!-- End Featured 1 -->
					
						<!-- Section 2 Featured -->
						<div class="item-holder">
								<div class="content-item">
									<img src="images/itemimage2.jpg" alt="Image 1" />
									<h3>Vestibulum Egit</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
				
								<div class="content-item">
									<img src="images/itemimage2.jpg" alt="Image 2" />
									<h3>Nunc tellus lacus</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
				
								<div class="content-item">
									<img src="images/itemimage2.jpg" alt="Image 3" />
									<h3>Maecenas dictum</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
						</div>
						<!-- End Featured 2 -->
					
						<!-- Section 3 Featured -->
						<div class="item-holder">
								<div class="content-item">
									<img src="images/itemimage3.jpg" alt="Image 1" />
									<h3>Vestibulum Egit</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
				
								<div class="content-item">
									<img src="images/itemimage3.jpg" alt="Image 2" />
									<h3>Nunc tellus lacus</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
				
								<div class="content-item">
									<img src="images/itemimage3.jpg" alt="Image 3" />
									<h3>Maecenas dictum</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
						</div>
						<!-- End Featured 3 -->
				
					</div><!-- end popular_content_items -->
				</div><!-- end popular_tab -->
				
				<div id="staff_tab">
			
					<!-- Staff Item Controls -->
					<div class="sliding_controls">
						<ul class="content_nav3">
							<li><a href="#"></a></li>
							<li><a href="#"></a></li>
							<li><a href="#"></a></li>
						</ul>
					</div>
			
					<div id="staff_content_items">
					
						<!-- Section 1 Featured -->
						<div class="item-holder">
								<div class="content-item">
									<img src="images/itemimage1.jpg" alt="Image 1" />
									<h3>Vestibulum Egit</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
				
								<div class="content-item">
									<img src="images/itemimage1.jpg" alt="Image 2" />
									<h3>Nunc tellus lacus</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
				
								<div class="content-item">
									<img src="images/itemimage1.jpg" alt="Image 3" />
									<h3>Maecenas dictum</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
						</div>
						<!-- End Featured 1 -->
					
						<!-- Section 2 Featured -->
						<div class="item-holder">
								<div class="content-item">
									<img src="images/itemimage2.jpg" alt="Image 1" />
									<h3>Vestibulum Egit</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
				
								<div class="content-item">
									<img src="images/itemimage2.jpg" alt="Image 2" />
									<h3>Nunc tellus lacus</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
				
								<div class="content-item">
									<img src="images/itemimage2.jpg" alt="Image 3" />
									<h3>Maecenas dictum</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
						</div>
						<!-- End Featured 2 -->
					
						<!-- Section 3 Featured -->
						<div class="item-holder">
								<div class="content-item">
									<img src="images/itemimage3.jpg" alt="Image 1" />
									<h3>Vestibulum Egit</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
				
								<div class="content-item">
									<img src="images/itemimage3.jpg" alt="Image 2" />
									<h3>Nunc tellus lacus</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
				
								<div class="content-item">
									<img src="images/itemimage3.jpg" alt="Image 3" />
									<h3>Maecenas dictum</h3>
									<p>Nunc velit lacus, blandit id varius id, pretium non metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
									<a href="#" class="more"></a>
								</div>
						</div>
						<!-- End Featured 3 -->
				
					</div><!-- end staff_content_items -->
				</div><!-- end staff_tab -->
			
		  </div><!-- end #tab_slider -->		
			
			<div id="sub_links">
				<div class="link_box">
					<h4>Categories</h4>
					<a href="#">more</a>
					<ul>
						<li><a href="#">Phalleus volutplat, Vesus</a></li>
						<li><a href="#">Maecenas posuere est</a></li>
						<li><a href="#">Pellentesque porttitor purus</a></li>
						<li><a href="#">Vivamus convallis fermentum</a></li>
						<li><a href="#">Morbi venenatis porta</a></li>
					</ul>
				</div>
				<div class="link_box">
					<h4>Top Artists/Designers</h4>
					
					<ul>
						<li><a href="#">Phalleus volutplat, Vesus</a></li>
						<li><a href="#">Maecenas posuere est</a></li>
						<li><a href="#">Pellentesque porttitor purus</a></li>
						<li><a href="#">Vivamus convallis fermentum</a></li>
						<li><a href="#">Morbi venenatis porta</a></li>
					</ul>
				</div>
				<div class="video_box">
					<a href="http://www.youtube.com/v/3OgNkV1-3gY" class="youtube"><img src="images/video_link.jpg" width="213" height="134" alt="Video Link" border="0" /></a>
				</div>
			</div>
		</div>
		
		<div id="sidebar_homepage">
			<div id="sidebar_launch">
				New product launching in...
				<h2>07:05.29</h2>
			</div>
			<div id="sneak_peak"><a href="#">Get a sneak peak!</a></div>
			<div id="sidebar_links">
				<ul>
					<li>
						<a href="#">Duis non varius nulla
							<span>Aliquam gravida consequat risus vel porta. Duis fringilla libero aliquet erat pharetra pulvinar et at erat. In elementum tortor..</span>
						</a>
					</li>
					<li>
						<a href="#">Aliquam aliquam sagittis
							<span>Aliquam gravida consequat risus vel porta. Duis fringilla libero aliquet erat pharetra pulvinar et at erat. In elementum tortor..</span>
						</a>
					</li>
					<li>
						<a href="#">Class aptent taciti
							<span>Aliquam gravida consequat risus vel porta. Duis fringilla libero aliquet erat pharetra pulvinar et at erat. In elementum tortor..</span>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div id="content_bottom"></div>
	
	<div id="footer">
		<div class="copyright">
			Copyright &copy; 2009 Producer Inc. All rights reserved.Collect from
			<a href="#">Terms of Use</a> |
			<a href="#">Privacy Policy</a>
		</div>
		<div class="footer_nav">
			<ul>
				<li><a href="#" class="active">home</a></li>
				<li><a href="services.html">services</a></li>
				<li><a href="portfolio.html">portfolio</a></li>
				<li><a href="about.html">about</a></li>
				<li><a href="archives.html">archives</a></li>
				<li><a href="contact.html">Contact</a></li>
			</ul>
		</div>
	</div>
	<div class="clearfix"></div>
</div>


</body>
</html>